/** Add css rules here for your application. */
body {
	font-family: arial, sans-serif
}

div,td {
	color: #000000
}

.descriptionBar {
  background: #a8c9ff url(stdDecoration.png) repeat-x 0px -1px;
  font-weight: bold;
  padding: 0 5px 2px 10px;
}

.entryLabel {
	font-weight: bold;
}

.errorLabel {
	font-size: 80%;
	color: red;
}

.timer {
	font-size: 140%;
	font-weight: bold;
	padding-right: 6px;
}

.mainContent {
	padding: 8px;
}

.controlPanel {
	mouse-cursor: default;	
	background-color: #000000;
	filter: alpha(opacity = 0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
a img{
border-width: 0;
}

a:link {
	color: #0000cc;
}

a:visited {
	color: #0000cc;
}

a:active {
	color: #0000cc;
}

button {
	color: #0000ff;
	display: block;
	font-size: 36pt
}

.numberGrid {
	color: #ff0000;
	font-size: 46pt
}

.widePanel {
	width: 100%
}


.messageBox {
	width: 80%;
	height: 300px
}

.gridNumber {
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #888888
}

.gridLine {
	background-color: #888888
}

.whitefill {
	background-color: #ffffff;
}
.grayfill {
	background-color: #cccccc;
}

.darkgrayfill {
	background-color: #333333;
}

.yellowfill {
	background-color: #dddd00;
}

.redfill {
	background-color: #dd0000;
}

.blackfill {
	background-color: #000000;
}

.very-transparent {
	filter: alpha(opacity = 25);
	-moz-opacity: 0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}

.transparent {
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.puzzleMessage {
	background-color: #e3e3e3;
	padding: none;
	border: -2px 0 -2px 0;
	font-size: 10pt;
}

/*
.gwt-HTML {
  font-weight: bold;
}
*/
.puzzle-List {
  border: none;
  font-size: 80%;
  cursor: pointer;
  cursor: hand;
}

.selectable {
  cursor: hand;
}

.puzzle-List td {
  padding: 2px 0 2px 10px;
}
.puzzle-List td td {
  padding: 0 0 0 2px;
}

.puzzle-ListHeader td {
  border-top: none;
}

.puzzle-ListHeader {
  background: #a8c9ff url(stdDecoration.png) repeat-x 0px -1px;
  font-weight: bold;
}

.puzzle-ListHeader .puzzle-ListNavBar {
  font-weight: bold;
}

.puzzle-ListHeader td {
  padding: 2px 0 2px 0px;
}

.puzzle-ListNavBar table {
  font-size: 80%;
}

.puzzle-ListNavBar td {
  border: none;
}

.puzzle-ListNavBar a {
  margin: 0 8px;
}

.puzzle-SelectedRow {
  background: #ddf;
}



.history-List {
  border: none;
  font-size: 80%;
  cursor: pointer;
  cursor: hand;
}

.history-List td {
  padding: 2px 0 2px 0; 
}
.history-List td td {
  padding: 0 0 0 2px;
}

.history-ListHeader td {
  padding: 2px 0 2px 0;
  border-top: none;
  border-bottom: 1px solid #333;
}

.history-ListHeader td td {
  padding: 0 10px 0 0;
  border: none;
}

.history-ListHeader {
  font-weight: bold;
}

.history-ListHeader .history-ListNavBar {
  font-weight: bold;
}

.history-ListHeader td {
  padding: 2px 0 2px 0;
}

.history-ListNavBar table {
  font-size: 80%;
}

.history-ListNavBar td {
  border: none;
}

.history-ListNavBar a {
  margin: 0 8px;
}

.history-SelectedRow {
  background: #cce;
}





.topBar {
  background: #ddd;
  border-bottom: 1px solid #333;
}

.topLeftDeco {
	background: #ffffff url(topLeftDecoration.png) no-repeat 0px 0px;
}

.mainPanelTitle {
	background: #ffffff url(stdDecoration.png) repeat 0px 0px;
	font-size: 140%;
	font-weight: bold;
	padding-left: 8px;
}

.topRightDeco {
	background: #ffffff url(topRightDecoration.png) no-repeat 0px 0px;
}

.decoratedMainPanel {
	background: #ffffff url(stdDecoration.png) repeat-y 0px 0px;
	padding-left: 10px;
}

.undecoratedMainPanel {
}

.botDeco {
	background: #ffffff url(stdDecoration.png) repeat 0px 0px;
}

.botLeftDeco {
	background: #ffffff url(botLeftDecoration.png) no-repeat 0px 0px;
}

.botDeco {
	background: #ffffff url(stdDecoration.png) repeat 0px 0px;
}

.botRightDeco {
	background: #ffffff url(botRightDecoration.png) no-repeat 0px 0px;
}

.tabbedViewTabBarHolder {
	background: #ffffff url(stdDecoration.png) repeat 0px 0px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.tabbedViewTabBar {
	background: #ffffff url(stdDecoration.png) repeat 0px 0px;	
	margin-bottom: 0;
	padding-bottom: 0;
}

.tabbedViewTab {
	padding: 0 5px 0 5px;
	margin: 0;
}

.tabbedViewTab-selected {
	padding: 0 5px 0 5px;
	margin: 0;
	background-color: #e3e3ff;
}

.tabbedViewMain {
	background-color: #e3e3ff;
}
	

.connectionLock {
	font-size: 130%;
	background-color: yellow;
	padding: 5px 10px;
}

.linkGroupPanel {
}
.linkGroupPanel-open {
}
.linkGroupPanel-closed {
}
.linkGroupPanel .header,
.linkGroupPanel .header a,
.linkGroupPanel .header td {
  text-decoration: none;  /* Remove underline from header */
  color: black; 
  cursor: pointer;
  cursor: hand;
}
.linkGroupPanel .content {
  border-left: 0;
  padding: 4px 0px 4px 8px;
  margin-left: 0;
  font-size: 70%;
}

.defaultLinkGroupPanel {
	margin-left: 0;
}
